<!--
 * @Author: sky 11864026+jfcode81@user.noreply.gitee.com
 * @Date: 2025-10-20 11:53:24
 * @LastEditors: sky 11864026+jfcode81@user.noreply.gitee.com
 * @LastEditTime: 2025-10-22 09:21:42
 * @FilePath: \trading-center-pc\components\HomeIndex.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script setup lang="ts">
import { defineAsyncComponent } from 'vue'
import { pcHomeConfigApi } from '~/server/homeApi'
const ProductCategories = defineAsyncComponent(() => import('~/components/ProductCategories.vue'))
const HotProducts = defineAsyncComponent(() => import('~/components/HotProducts.vue'))
const PlatformTransactionCode = defineAsyncComponent(() => import('~/components/PlatformTransactionCode.vue'))
const FactoryProcurementHome = defineAsyncComponent(() => import('~/components/FactoryProcurementHome.vue'))
const PlatformServices = defineAsyncComponent(() => import('~/components/PlatformServices.vue'))
const TechExchange = defineAsyncComponent(() => import('~/components/TechExchange.vue'))
const ChangxinExpress = defineAsyncComponent(() => import('~/components/ChangxinExpress.vue'))
const LocalProducts = defineAsyncComponent(() => import('~/components/LocalProducts.vue'))
const ExportProducts = defineAsyncComponent(() => import('~/components/ExportProducts.vue'))
const MarketList = defineAsyncComponent(() => import('~/components/marketList.vue'))
const FindGoods = defineAsyncComponent(() => import('~/components/FindGoods.vue'))

const IndustryActivities = defineAsyncComponent(() => import('~/components/IndustryActivities.vue'))
const { data: pcHomeCon } = useAsyncData(() => pcHomeConfigApi())
</script>

<template>
  <div class="w-100%">
    <!--轮播图-->
    <BannerIndex></BannerIndex>

    <!-- <SeckillIndex></SeckillIndex> -->
    <!--产品分类-->
    <ProductCategories></ProductCategories>
    <!--热销产品-->
    <HotProducts></HotProducts>
    <!--乡土产品-->
    <LocalProducts></LocalProducts>
    <!--出口热卖-->
    <ExportProducts></ExportProducts>
    <!--集市-->
    <MarketList></MarketList>
    <!--找货-->
    <FindGoods></FindGoods>
    <!--平台交易码-->
    <!-- <PlatformTransactionCode></PlatformTransactionCode> -->
    <!--工厂直收-->
    <FactoryProcurementHome></FactoryProcurementHome>
    <!-- 行业资讯由预览组件替换：昌欣快报 + 技术交流 -->
    <!-- 首页行业活动预览 -->
    <IndustryActivities></IndustryActivities>
    <!--昌欣快报-->
    <ChangxinExpress></ChangxinExpress>
    <!--技术交流-->
    <TechExchange></TechExchange>
    <!--平台服务-->
    <!-- <PlatformServices></PlatformServices> -->
    <!--秒杀-->
    <!--品牌好店-->
    <!-- <MerchantIndex :goodStoreImage="pcHomeCon?.goodStoreImage"></MerchantIndex> -->
    <!--推荐商品-->
    <!-- <RecommendedIndex></RecommendedIndex> -->
    <!--猜你喜欢-->
    <!-- <recommend></recommend> -->
  </div>
</template>

<style>
html {
  background: #f5f5f5 !important;
}
</style>

<style lang="scss" scoped>
.swiper {
  --swiper-theme-color: #ff6600;
  --swiper-pagination-color: #fff; /* 两种都可以 */
  --swiper-pagination-bottom: 10px;
  --swiper-navigation-size: 0;
}
</style>
